<!DOCTYPE html>
{% load staticfiles %}
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body style="background-image: url({% static 'img/base.png'%});background-size: 100vw 100vh
	;">
		<div style="position: absolute;">
			<div style="width: 100vw;height: 15vh;">
				<div style="width:10vw;height: 10%;float: left;">
					<img src="{% static 'img/logo2.png'%}" style="width: 30%;"/>
				</div>

				<div style="width: 90%;float: left;color: white;font-size: 2vw;height: 100%;">
					<div style="display: table;height: 100%;">
						<div style="display: table-cell;height: 10%;vertical-align: middle;">
							<div style="height: 100%;">
								AID急救教学-硬件端数据
							</div>
						</div>
					</div>

				</div>
				<div style="width: 90vw;height: 85vh;">
					<div style="width: 10%;height: 100%;float: left;">
						
					</div>
					<div style="width: 70%;height: 100%;float: left;">
						<div style="width: 90%;height: 50%;">
							<img src="{% static 'img/progress.png'%}" style="width: 100%;height: 100%;" />
						</div>
						<div style="width: 90%;height: 50%;float: left;">
							<img src="{% static 'img/visitors.png'%}" style="width: 60%;height: 80%;margin-top: 2%;" />
							<img src="{% static 'img/trending.png'%}" style="width: 35%;height: 80%;margin-top: 2%;margin-left: 2.1vw;" />
						</div>
						
					
					</div>
					<div style="width: 20%;height: 100%;float: left;">
						<div style="width: 100%;height: 100%;">
							<img src="{% static 'img/customers.png'%}" style="width: 100%;height: 100%;" />
						</div>
					
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
